/*通用*/
/*效果过渡*/
._ea{-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s;  }
/*超出隐藏*/
._el{overflow:hidden;white-space: nowrap; text-soverflow:ellipsis;}
._el1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
._el6{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
._el7{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
._el8{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
._el9{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
._el10{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 10;-webkit-box-orient: vertical;}
/*主体宽度*/
.w_1300{ max-width:1300px; margin-right: auto; margin-left: auto;}
/*两边距离*/
.w_width{padding-left: 104px;padding-right: 104px;}
@media  screen and (max-width: 1400px){
.w_width{padding-left: 74px;padding-right: 74px;}
}
@media  screen and (max-width: 1060px){
.w_width{padding-left: 15px;padding-right: 15px;}
}

/*头部导航*/

  .topnav{position:absolute;z-index:20;width:100%}
        .topnav .pcnav .so_but{display: none; float: left;width: 282px;position: absolute;right: 0;top: 61px;}
        .topnav .pcnav .so{float: left;width: 100%;background: #fff; position: relative; border: 1px solid #0084ff;}
        .topnav .so .Search{float: left;width: 100%;  height: 36px;background: none;border: none;
        line-height: 36px;padding: 0 56px 0 10px;color: #414141; font-size: 14px;}
        .topnav .pcnav .so .Search_but{float: right; width: 50px; height: 100%; border: none; background: url(images/ss.png) center no-repeat #0084ff; position: absolute;right: 0;top: 0;}
        .topnav .pcnav .logo{float:left;margin-top:35px}
        .topnav .pcnav .logo img{width:260px;height:auto;}
        .topnav .pcnav .ss{float:right;margin-top:42px;position:relative;margin-left:58px;}
         .topnav .pcnav .ss:hover{cursor:pointer}
        .topnav .pcnav .ss i{font-size:24px;color:#fff;}
        .topnav .pcnav .nav{float:right;margin-top:19px}
        .topnav .pcnav .nav>ul>li{float:left;margin:0 10px;position:relative}
        .topnav .pcnav .nav>ul>li>a{padding:22px;font-size:16px;color:#fff;float:left;transition:all .5s linear;}
        .topnav .pcnav .nav>ul>li.on a{border-bottom:1px solid #fff}
        .topnav .pcnav .nav>ul>li:hover>a{border-bottom:1px solid #fff}
        .topnav .pcnav .nav .erul{position:absolute;top:60px;left: 50%;transform: translate(-50%, 0);display:none;padding-top:8px}
         .topnav .pcnav .nav .erul li{float:left;width: 100%; background:#F5F8FA;text-align: center;padding:0 30px;transition:all .5s linear;
                                      border-bottom:1px solid #BABDBE;}
         .topnav .pcnav .nav .erul li:last-child{border-bottom:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
         .topnav .pcnav .nav .erul li:hover a{color:#0084ff}
         .topnav .pcnav .nav .erul li a{font-size:15px;color:#292929;text-align:center; line-height:54px;white-space:nowrap;transition:all .5s linear;}
         .topnav .pcnav .nav>ul>li:hover .erul{display:block;}
         .topnav .xialaph{ display: none;}
          @media screen and (max-width:1400px)
          {
              .topnav .pcnav .nav>ul>li{margin: 0 5px;}
              .topnav .pcnav .ss{margin-left:20px;}
              .topnav .pcnav .nav>ul>li>a{padding:22px 15px;}
          }
         @media screen and (max-width:1024px) {
             .pcnav{display:none}
             .topnav .xialaph{display:block}
             .topnav .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; padding: 50px 15px 100px 15px;  z-index:3;height:auto}
             .topnav .xialaph.cur{height:100%}
.topnav .xialaph.cur{background:#fff}
.topnav .xialaph .ul2,
.topnav .xialaph .ul3{ display: none;}
.topnav .xialaph h4 a{ float: left; width: 60%; color: #333333;line-height: 50px;font-size: 16px;} 
.topnav .xialaph h4{ float: left; width: 100%; position: relative;}
.topnav .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
.topnav .xialaph h4:hover a,
.topnav .xialaph h5:hover a{ color: #14264e;}
.topnav .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: uppercase;font-size: 14px;}
.topnav .xialaph h5{ float: left; width: 100%; position: relative;}
.topnav .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.topnav .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;}
.topnav .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;}
.topnav .xialaph h4.active img.img_s,
.topnav .xialaph h5.active img.img_s{ display: none;}
.topnav .xialaph h4.active img.img_d,
.topnav .xialaph h5.active img.img_d{ display: block;}
.topnav .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.topnav .xialaph .ul3{padding-bottom: 10px; padding-left: 15px; z-index: -1; position: relative;}
.topnav .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.topnav .xialaph li:last-child .ul3::after{ display: none;}
.topnav .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;}
.topnav .xialaph .ul3 li:hover a{color: #14264e;}
.topnav .xialaph .ul3 li{ padding-top: 5px;}
.topnav .xialaph .ul3 li:first-child{ padding-top: 0;}
.topnav .xialaph .inputs{width: 100%;border: 1px solid #dadada;float: left;margin-top: 14px;position: relative;padding-left: 14px;}
.topnav .xialaph .inputs input{width: 100%;height: 34px;font-size: 12px;color: #dadada;}
.topnav .xialaph .inputs input::-webkit-input-placeholder{color:#dadada;font-size:12px;}
.topnav .xialaph .inputs input:-moz-placeholder{color:#dadada;font-size:12px;}
.topnav .xialaph .inputs input::moz-placeholder{color:#dadada;font-size:12px;}
.topnav .xialaph .inputs input:-ms-input-placeholder{color:#dadada;font-size:12px;}
.topnav .xialaph .inputs button{width: 34px;height: 34px;background: url(images/ss.png) center no-repeat #0084ff; position: absolute;right: 0;top: 0;font-size: 12px;color: #fff;position: absolute;}
.topnav .img_d,
.topnav .disno{ display: none;} 
.topnav .xialaph .wapt{position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: #1a7add;
    height: 50px;}
.topnav .xialaph .wapt .logo{margin-top:17.5px;margin-left:15px}
.topnav .xialaph .wapt .logo img{height:15px;width:auto;}
.topnav .xialaph .ul1{display:none}
 .topnav .xialaph .inputs{display:none}
.topnav .xialaph .wapt .menuph{float: right;position: absolute;
    top: 0;
    right: 15px;
    width: 28px;
    height: 22px;
    cursor: pointer;
    text-align: center;
    margin: 14px 0;}
.topnav .xialaph .wapt .menuph .point{
    display: inline-block;
    width: 28px;
    height: 22px;
    position: relative;
}
.topnav .menuph .point:hover .navbtn, .topnav .menuph .point:hover .navbtn::after, .topnav .menuph .point:hover .navbtn::before{width: 28px;}
.topnav .menuph .navbtn{position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 2px;
    background: #fff;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;}
.topnav .menuph .navbtn::after, .topnav .menuph .navbtn::before{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 2px;
    content: '';
    background: #fff;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;}
.topnav .menuph .point:hover .navbtn, .topnav .menuph .point:hover .navbtn::after, .topnav .menuph .point:hover .navbtn::before{width: 28px;}
.topnav .menuph .navbtn::before{top: 11px;}
.topnav .menuph .navbtn::after{top:-11px}

.topnav .menuph .point.active .navbtn{background: transparent;}
.topnav .menuph .point.active .navbtn::before{transform: rotate(-45deg);
    top: 0;}
.topnav .menuph .point.active .navbtn::after{transform: rotate(45deg);
    top: 0;}



}

         /*测漂浮*/
         .cpf{position: fixed;right:20px;
    top: 50%;
    right: 50px;
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);}



        .cpf ul{width:70px}
        .cpf ul li{width: 100%;margin-bottom: 1px; position: relative;height:70px;}
         .cpf ul li:hover{cursor:pointer}
        .cpf ul li .libox{width: 100%;height:100%;text-align: center;border-radius: 4px;position: relative;z-index: 6;
                          transition:all .5s linear;}
         .cpf ul li .libox1:hover{background:url(images/cpf1.png)#0056A7 top 10px left 50% no-repeat !important;}
         .cpf ul li .libox2:hover{background:url(images/cpf2.png)#0056A7 top 10px left 50% no-repeat !important;}
         .cpf ul li .libox3:hover{background:url(images/cpf3.png)#0056A7 top 10px left 50% no-repeat !important;}
        .cpf ul li .libox .words{width: 100%; height: 100%;text-align: center; border-radius: 4px;position: relative;z-index: 6;
                                 color: #fff; font-size: 14px; position: absolute;top: 45px;}
        .cpf ul li  .boxcir{width:170px;position:absolute;top:50%;background:#0057A8;height:65px;
                            color:#fff;font-size:16px;line-height:24px;padding:0 10px;border-radius:6px;
                                  transform: translate(0,-50%);-ms-transform: translate(0,-50%);right:-300px;-webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;-o-transition: All 0.3s ease-in-out;}
        .cpf ul li:hover .boxcir{right:calc(100% + 24px)}
        .cpf ul li  .boxcir h4{margin-top:8px}
         .cpf ul li  .boxcir h4 i{font-size:20px;}
         .cpf ul li  .boxcir:after{content: "";width: 0;height: 0;position: absolute;border-left: 11px solid #0057A8;border-top: 6px solid transparent;
 border-bottom: 6px solid transparent;right: -11px;transform: translate(0, -50%);top: 50%;}
         @media  screen and (max-width: 1400px){
              .cpf{right:10px;}
         }

         @media  screen and (max-width: 1024px){
              .cpf{display:none}
         }


/*首页标题*/
.motit h2{font-size:40px;color:#323647;text-align:center;font-weight:700;letter-spacing:2px;line-height:42px;}
.motit h3{font-size:16px;color:#555;text-align:center;font-weight:400;line-height:18px;letter-spacing:1px;margin-top:15px;}
/*内页标题*/
.n_tit h4{font-size:40px;color:#333;text-align:center;line-height:42px;letter-spacing:2px;}
.n_tit line{width:56px;height:2px;display:block;background-image:linear-gradient(5deg,#33abff ,#0084FF);margin:15px auto 0 auto;}
@media  screen and (max-width: 1024px)
{


    .n_tit h4{font-size:24px;line-height:30px;}
    .n_tit line{width:40px;margin:10px auto 0 auto}

}





/*首页banner*/
.sy_banner{width: 100%;position: relative;}
.sy_banner .picbox .li{height:auto;position:relative}
        /*二级导航*/
 .classification{width:100%;padding-top:30px;padding-bottom:30px;}
 .classification .content{width:100%;overflow:hidden}
 .classification ul{left: 50%; transform: translate(-50%, 0);position: relative;float: left;}
 .classification li{float:left}
 .classification li a{float:left;width:260px;height:50px;line-height:50px;color:#333;text-align:center;margin:0 10px;
                          transition:all .5s linear;background-image:linear-gradient(53deg,#E8F0F8,#EFF4F9);
                          border-radius:5px;font-size:18px;}
     .classification li.on a,.classification li:hover a{background-image:linear-gradient(to right,#33abff,#0084FF);color:#fff;}
       @media  screen and (max-width: 1024px)
       {
           .classification{padding-top:20px;padding-bottom:20px;}
           .classification ul{width: auto;margin: 0px;display: flex; justify-content:center;}
           .classification ul li{width:auto;float:left;padding:5px 10px}
           .classification li a{width:100%;height:35px;line-height: 35px;font-size: 16px;white-space:nowrap;margin:0;
                                padding:0 10px;
           }
           .Casedetails .content .fy{flex-direction:column;align-items: flex-start !important;}

           .classification.case1 ul{display:block}
           .classification.case1 ul li{width:100%}
           .classification.case1 ul li{padding:5px 0 }
           .classification.case1 ul::-webkit-scrollbar{ width:2px;height:2px}   
.classification.case1 ul::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 2px;}
.classification.case1 ul::-webkit-scrollbar-thumb{ width: 2px; background-color: #0084ff; border-radius: 4px;}

.classification ul li.maxwidth{width:100%}

.classification ul.maxwidth{display:block}
       }
       


      /*分页*/
     .paging{margin-top:60px;margin-bottom:100px;width:100%;overflow:hidden;}
.paging a{height:30px;width:30px;background:#F1F1F1;margin:0 2.5px;line-height:30px;
          text-align:center;float:left}
.paging a:hover{background:#0084ff;color:#fff}
.paging a.prev{background:url(images/pagprev.png)#F1F1F1 center center no-repeat;}
.paging a.prev:hover{background:url(images/pagprev2.png)#0084ff center center no-repeat;}

.paging a.next{background:url(images/pagnext.png)#F1F1F1 center center no-repeat;}
.paging a.next:hover{background:url(images/pagnext2.png)#0084ff center center no-repeat;}
.paging .pz-fy{position: relative;left: 50%;transform: translate(-50%, 0);float: left;}
.paging a.on{background:#0084ff;color:#fff}
 @media  screen and (max-width: 1024px)
 {
     .paging .pz-fy{display:none}
     .paging{margin-top:30px;margin-bottom:30px; }
     .paging .text_p{ text-align: center; font-size:14px; color:#333; padding: 5px 0;display:none}
     .paging .text_p a{ padding: 5px 25px; background: #0084ff; color: #fff; border: transparent;border-radius:16px; overflow: hidden;height:auto;width:auto;margin:0;line-height:inherit;float:none}
     .paging .text_p span{ padding: 5px 20px; color:#333;}
 }



 .sy_banner .tit{position:absolute;top:40%;width:100%}
        .sy_banner .tit h4{font-size:68px;color:#fff;line-height:70px;font-weight:400}
        .sy_banner .tit h6{font-size:20px;line-height:38px;color:#fff;margin:25px 0 30px 0}
        .sy_banner .tit .more{width:130px;height:40px;border:1px solid rgba(255,255,255,0.5);line-height:40px;position:relative;
                              text-align:center;font-size:14px;border-radius:5px;color:#fff;text-indent:-15px;}
        .sy_banner .tit .more:after{height:2px;width:16px;margin-left:4px;background:#fff;
                                    content:"";right:20px;top:20px;position:absolute;}
         .sy_banner .tit .more:before{content:"";height:6px;width:6px;border-top:2px solid #fff;
                                      border-right:2px solid #fff;position:absolute;top:18px;right:18px;
                                      transform:rotate(45deg);}
         .sy_banner .slick-dots{bottom:38px;position:absolute;width: auto;left: 50%;transform: translate(-50%, 0);}
         .sy_banner .slick-dots li{width:30px;height:8px;background:rgba(255,255,255,0.5);border-radius:5px;transition:all .5s linear;
                                   margin:0 4.5px;position: relative;}
         .sy_banner .slick-dots li.slick-active{width:50px;background:#fff}
         


         /*首页模块5*/
         .Module5{padding-top:120px;padding-bottom:120px}
         .Module5 h4{font-size:36px;color:#fff;line-height:40px}
         .Module5 h6{font-size:16px;color:#fff;line-height:18px;margin:30px 0 40px 0}
          .more{width:100px;height:30px;border-radius:5px;border:1px solid #0090D9;color:#0090D9;position:relative;text-indent:-17px;
                        line-height:30px;text-align:center;float:left;transition:all .5s linear;font-size:14px;}
         .more:after{height:2px;width:16px;margin-left:4px;background:#0090D9;transition:all .5s linear;
                                    content:"";right:9px;top:13px;position:absolute;}
          .more:before{content:"";height:6px;width:6px;border-top:2px solid #0090D9;transition:all .5s linear;
                                border-right:2px solid #0090D9;position:absolute;top:11px;right:7px;transform:rotate(45deg);}
           .more:hover{background:#0090D9;color:#fff}
           .more:hover:after{background:#fff;}
           .more:hover:before{border-top:2px solid #fff;border-right:2px solid #fff;}
           @media  screen and (max-width: 1024px)
           {
               .more{width:80px;text-indent: -17px;height:25px;font-size:12px;
    line-height: 25px;}
               .more:after{height: 2px;top:12px;
    width: 12px;}
               .more:before{top:10px}
           }


          .Module5 .content{width:100%;overflow:hidden}


             /*首页解决方案*/
             .Module1{padding-top:100px;padding-bottom:100px;width:100%;background:#EFF4FA;}
             .Module1 .content{width:100%;overflow:hidden}
             .Module1 .content ._t{width:100%;text-align:center;font-size:0;float:left;position: relative;transform: translate(-50%, 0);left: 50%;
                                   display:flex;justify-content:center;padding-bottom:40px;padding-top:40px;}
              .Module1 .content ._t:after{content:"";width:100%;height:1px;left:0;bottom:7px;background:#E5E5E5;position:absolute}
              .Module1 .content ._t .list{width:300px;height:50px;line-height:50px;color:#333333;text-align:center;float:left;margin:0 10px;position:relative;
                                          border-radius:5px;background:#EFF4F9;box-shadow:0px 0px 12px rgba(0,0,0,0.08);font-size:20px;}
              .Module1 .content ._t .list.on{color:#fff;background-image:linear-gradient( 53deg,#33ABFF,#0084FF)}
              .Module1 .content ._t .list.on:after{content:"";bottom:-32px;width:100%;height:3px;left:0;background-image:linear-gradient(10deg,#33ABFF,#0084FF);
                                                   position:absolute;}
              .Module1 .content ._t .list.on:before{content:"";position:absolute;bottom:-39px;border-top:7px solid #24A0FF;z-index:1;left:50%;transition:all .5s linear;
                                                     border-left:5px solid transparent; border-right:5px solid transparent;}
              .Module1 .content ._b{margin-top:30px;float:left;width:100%;}
              .Module1 .content ._b ul{width:100%;display:flex;flex-wrap:wrap;position:relative}
              .Module1 .content ._b ul:after{content:"";height:1px;width:100%;background:#EFF4FA;position:absolute;
                                             bottom:0;left:0;}
              .Module1 .content ._b ul li{width:25%;float:left;border-right:1px solid #E0E5EA;height:auto;max-height:230px;
                                          border-bottom:1px solid #E0E5EA;}
              .Module1 .content ._b ul li:nth-child(4n){border-right:1px solid transparent}

              .Module1 .content ._b ul li .box{width:100%;display: flex;flex-direction: column;align-items: center;padding: 45px 0;position:relative;height:100%;}
              .Module1 .content ._b ul li .box img{max-width:100%;height:auto;filter: drop-shadow(3px 3px 0px #CCE9F7);margin-bottom:30px;}



              .Module1 .content ._b ul li h4{font-size:18px;color:#333;line-height:20px;text-align:center;}

              .Module1 .content ._b ul li .bg{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 45px;display:none;box-shadow:0px 0px 25px rgba(0 23 44 / 20%);
                                              background-image:linear-gradient(340deg,rgba(0,132,255,0.9),rgba(50,171,255,0.9))}
              .Module1 .content ._b ul li .bg .cur{top:50%;position:relative;transform:translate(0,-50%);}
               .Module1 .content ._b ul li .bg .cur h4{color:#fff}
               .Module1 .content ._b ul li .bg line{height:2px;width:42px;background:#fff;margin:15px auto;display:block}
               .Module1 .content ._b ul li .bg h6{font-size:16px;text-align:center;color:#fff;line-height:30px}
               .Module1 .content ._b ul li:hover .bg{display:block}
                @media  screen and (max-width: 1024px)
                {
                    .Module1 .content .pic{text-align:center;}
                     .Module1 .content ._b ul li .box img{max-width:45%;height:auto;filter: drop-shadow(3px 3px 0px #CCE9F7);margin-bottom:30px;}
                    .Module1 .content ._t .list{height:40px;line-height: 40px;font-size:18px;margin-bottom:8px;}
                    .Module1 .content ._b ul li .bg line{margin:8px auto}
                    .Module1 .content ._b ul li .bg h6{font-size:14px;line-height:24px;}
                     .Module1 .content ._b ul li:nth-child(2n){border-right:none}
                }


               .Module2{background:url(images/mod2bg.jpg) center center no-repeat;background-size:cover;width:100%;padding-top:100px;padding-bottom:100px;}
               .Module2 .content{width:100%;display:flex;margin-top:60px}

               .Module2 ul{width:100%;float:left}
                .Module2 ul li{width:20%;float:left}
                .Module2 ul li:hover img{transform:scale(1.1);}
                .Module2 ul li:hover h4{color:#0097E0}
                .Module2 ul li:hover line{background:#0097E0}

                .Module2 ul li:nth-child(2n):hover h4{color:#333333}
                .Module2 ul li:nth-child(2n):hover line{background:#CCCCCC}

                .Module2 ul li a{display:block;float:left;width:100%;background:#fff;padding:35px 15px;text-align:center;}
                .Module2 ul li:nth-child(2n) a{background:#F5F5F5;}
                .Module2 ul li img{max-width:60%;height:auto;margin:0 auto;transition:all .5s linear;
                                   height:12%}
                .Module2 ul li h4{font-size:14px;color:#333333;line-height:16px;text-align:center;font-weight:400;white-space:nowrap;margin-top:20px;}
                .Module2 ul li line{width:50px;height:2px;background:#CCCCCC;display:block;margin:20px auto 0 auto;}
                .Module2 ul li:nth-child(2n) h4{color:#0097E0}
                .Module2 ul li:nth-child(2n) line{background:#0097E0}

                 .Module3{width:100%;background:url(images/Module3bg.jpg) center no-repeat;background-size:cover;
               padding-top:100px;padding-bottom:100px}
       .Module3 .content{width:100%;overflow:hidden;margin-top:60px;}
       .Module3 ul{margin:-15px;width:calc(100% + 30px);float:left;display:flex;justify-content:center;}
       .Module3 ul.ul3{display:none}
       .Module3 ul li{padding:15px;width:15px;float:left;width:16.6667%;height:auto}
       .Module3 ul li a{width:100%;position:relative;float:left}
       .Module3 ul li .pic{width:100%}
       .Module3 ul li .pic img{max-width:100%;height:auto;}

       .Module3 ul li .tit{background:url(images/m3hover.png) center no-repeat;background-size:cover;display:none;position:absolute;
                           height:100%;width:100%;top:0;left:0;align-items:center;justify-content:center;white-space:normal;color:#fff;font-size:18px;}
       .Module3 ul.ul2{margin-top:-8%}
       .Module3 ul li:hover .tit{display:flex} 



                .Module4{width:100%;padding-top:100px;padding-bottom:170px;background:url(images/mod4bg.jpg) center center no-repeat;background-size:cover}
                .Module4 .content{width:100%;display:flex;margin-top:60px}
                .Module4 .li1 .left{width:50%;float:left;}
                .Module4 .li1 .left .top{width:100%;height:365px;border-top-left-radius:5px;border-top-right-radius:5px}
                 .Module4 .ul1{width:100%}
                  .Module4 .ul1 .slick-dots{text-align:center;position:absolute;bottom:-72px;}
                  .Module4 .ul1 .slick-dots li{height:12px;width:12px;border-radius:100%;border:1px solid #008DFF;
                                               border-radius:100%;margin:0 5px;}
                  .Module4 .ul1 .slick-dots li.slick-active{background:#008DFF}
                  .Module4 .ul1 .slick-dots li:hover{cursor:pointer}
                 .Module4 .ul1 .li1{float:left;width:100%;}
                 .Module4 li{height:auto}
                 .Module4 .ul1 .left .down{background:#DBE6EF;padding:20px 20px 30px 30px;overflow:hidden;
                                           border-bottom-left-radius:5px;border-bottom-right-radius:5px}
                 .Module4 .ul1:hover{cursor:pointer}
                 .Module4 .ul1 .left .down h4{font-size:18px;font-weight:700;line-height:20px;color:#333333;transition:all .5s linear;}
                  .Module4 .ul1:hover .left .down h4{color:#008DFF}
                 .Module4 .ul1 .left .down h5{font-size:16px;color:#333333;transition:all .5s linear;line-height:18px;
                                              margin-top:17px;margin-bottom:23px;}
                 .Module4 .ul1 .left .down h6{font-size:14px;color:#555555;line-height:24px;letter-spacing:1px;}
                 .Module4 .ul1 .left .down .more{margin-top:20px;}
                 .Module4 .ul1 .left .li2:hover h4{color:#008DFF}
                 .Module4 .ul1 .left .li2:hover h5{color:#008DFF}
                 .Module4 .ul1 .left .slick-dots{position:absolute;top:341px;text-align:center;bottom:auto}
                 .Module4 .ul1 .left .slick-dots li{height:12px;width:12px;border-radius:100%;background:#E8EDEF;border:none;
                                                    opacity:0.5;margin:0 5px;}

                 .Module4 .ul1 .left .slick-dots li.slick-active{background:#008DFF}
                 .Module4 .ul1 .left .slick-dots li:hover{cursor:pointer;}




                 .Module4 .ul1 .right{padding-left:30px;width:calc(50% - 30px);float:left}
                 .Module4 .ul1 .right ul{width:100%}
                 .Module4 .ul1 .right li{width:100%;float:left;margin-bottom:30px}

                 .Module4 .ul1 .right li:last-child{margin-bottom:0px;}
                 .Module4 .ul1 .right li a{padding:18px 50px 30px 20px;border-radius:5px;width:100%;float:left;overflow:hidden;background:rgba(255,255,255,0.3);}
                 .Module4 .ul1 .right li a h4{font-size:16px;color:#333;font-weight:700;line-height:18px;transition:all .5s linear;}
                 .Module4 .ul1 .right li a h5{font-size:16px;color:#333;margin-top:9px;margin-bottom:15px;transition:all .5s linear;}
                 .Module4 .ul1 .right li a h6{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;height:16px;
                                               -webkit-line-clamp: 1;font-size:14px;color:#555;line-height:16px;overflow: hidden;}
                 .Module4 .ul1 .right li a .more{margin-top:20px;}
                 .Module4 .ul1 .right li:hover h4{color:#008DFF}
                  .Module4 .ul1 .right li:hover h5{color:#008DFF}
                 .Module4 .ul1 .right li:nth-child(2n-1) a{background:rgba(255,255,255,0.6);}

                 .bottomnav .top{padding-top:60px;padding-bottom:70px;overflow:hidden}
                 .bottomnav .top li h4{font-size:16px;color:#fff;line-height:18px;}
                 .bottomnav .top li line{width:20px;height:2px;background:#ccc;opacity:0.3;display:block;margin-top:18px;margin-bottom:30px;}
                 .bottomnav .top li .nav2 li{margin-bottom:16px;}
                 .bottomnav .top li .nav2 a{font-size:14px;color:#fff;opacity:0.6;line-height:16px;transition:all .5s linear;}
                 .bottomnav .top li .nav2 a:hover{opacity:1}
                 .bottomnav .top>ul>li{float:left;margin-right:120px}
                 .bottomnav .top>ul>li:last-child{margin-right:0px;}
                  .bottomnav .tright{float: right;display: flex;flex-direction: column;align-items: flex-end;}
                  .bottomnav .tright .ewm{margin-top:47px;margin-bottom:15px;}
                  .bottomnav .tright .ewm img{height:112px;width:112px;}
                  .bottomnav .tright .etit{display:flex;align-items:center}
                  .bottomnav .tright .etit span{font-size:15px;color:#fff;margin-left:6px;}
                  .bottomnav  .down{display:flex;justify-content:space-between;width:100%; position:relative}
                   .bottomnav  .down:after{content:"";height:1px;width:100%;top:0;left:0;position:absolute;background:rgba(20,204,204,0.2); }
                  .bottomnav  .down .copyright{font-size:14px;color:#fff;opacity:0.7;line-height:75px;}
                  .bottomnav  .down .funciton a{font-size:14px;color:#fff;opacity:0.7;line-height:75px;}
                  .bottomnav .nav2{display:block}
                   @media  screen and (max-width: 1400px)
                   {
                       .bottomnav .top>ul>li{margin-right: 60px;}
                       
                   }
                   @media  screen and (max-width: 1024px)
                   { .Module2 ul li img{height:auto;max-width:20%}

                       .bottomnav .top{padding-top: 30px; padding-bottom: 30px;}
                       .bottomnav .top>ul>li{margin-right:30px;margin-bottom:20px;}
                       .bottomnav ul{display:none}
                      .bottomnav .tright{float:left;align-items:flex-start;}
                       .bottomnav .tright .ewm{margin-top: 25px;margin-bottom: 25px;}
                       .bottomnav .down{margin-bottom:50px;flex-direction:column}
                       .bottomnav .down .copyright{height:50px;line-height:50px;}
                       .bottomnav .down .funciton a{line-height: 50px;}
                       .bottomnav .top li line{margin-top: 15px;margin-bottom: 15px;}
                   }
                   .bottomnav{background:url(images/downbg.jpg) center center no-repeat;background-size:cover;}
              /*手机漂浮*/
.pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 50px; background: #1a7add; z-index: 16; box-shadow: 0 -5px 10px rgba(0,0,0,0.2);}
 .pf_down li{ width: 33.3%; float: left; text-align: center; padding: 7px 0 4px 0; border-right: 1px solid #fff;}
 .pf_down li .ico7{ width: 100%; float: left; height: 20px;}
 .pf_down li .d_name{ width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #fff; line-height: 14px;}
 .pf_down li.l1 .ico7{ background: url(images/img4.png) no-repeat center; background-size: 20px 20px;}
 .pf_down li.l2 .ico7{ background: url(images/img3.png) no-repeat center; background-size: 20px 20px;}
 .pf_down li.l3 .ico7{ background: url(images/img2.png) no-repeat center; background-size: 20px 20px;}
 .pf_down li:last-child{ border: none;}
.pf_down li:nth-child(3n){ border: none;}

/*首页移动端*/

@media  screen and (max-width: 1024px){
     .sy_banner .tit h4{font-size:24px;line-height:30px}
     .sy_banner .tit h6{font-size:16px;line-height:24px;margin:10px auto 15px auto}
     .sy_banner .tit .more{width:100px;height:30px;line-height:30px;font-size:12px;text-indent:-10px}
     .sy_banner .tit .more:before{top: 13px;height: 4px;border-top: 1px solid #fff;
    border-right: 1px solid #fff;width:4px;right: 12px;}
     .sy_banner .tit .more:after{top: 14px; right: 12px; height: 1px; width: 12px;}
      .sy_banner .slick-dots li{height:6px;margin:0 3px;width:24px}
     .sy_banner .slick-dots li.slick-active{width:40px;}
     .Module1{padding-top: 30px;padding-bottom: 30px;}
     .motit h2{font-size:24px;line-height:30px;}
     .motit h3{font-size: 14px;line-height: 16px;margin-top: 10px;}
     .Module1 .content ._t{padding-bottom: 20px;padding-top: 20px;flex-wrap:wrap}
     .Module1 .content ._t .list.on:before{display:none}
      .Module1 .content ._t .list.on:after{display:none}
      .Module4 .ul1 .left .down{padding:15px;
                                background:#E9F0F5
      }

      .Module1 .content ._b ul li{width:50%}
      .Module1 .content ._b ul li .box{padding:20px 0}
      .Module1 .content ._b ul li h4{font-size:16px;line-height:18px;}
      .Module1 .content ._b ul li .bg{padding:10px}
      .Module2{padding-top: 30px;padding-bottom: 30px;}
      .Module2 .content{margin-top:30px;}
      .Module2 ul li h4{font-size: 14px;line-height: 16px;margin-top: 15px;}
      .Module3{padding-top: 30px;padding-bottom: 30px;}
      .Module3 ul{flex-wrap:wrap;}
      .Module3 .content{margin-top:30px;padding-bottom:30px}
      .Module3 ul li{width:50%}
      .Module3 ul.ul2{margin-top:0%}
       .Module3 ul.ul1{display:none}
       .Module3 ul.ul2{display:none}
       .Module3 ul.ul3{display:block}
       .Module4{padding-top: 30px; padding-bottom: 50px;}
       .Module4 .content{margin-top:30px;}
       .Module4 .li1 .left{width:100%;margin-bottom:15px}
       .Module4 .li1 .left .top{height:200px}
       .Module4 .ul1 .left .down h4{font-size: 16px;line-height: 18px;}
       .Module4 .ul1 .left .down h5{font-size: 14px; line-height: 16px;margin-top: 10px; margin-bottom: 15px;}
       .Module4 .ul1 .left .down h6{font-size:14px;line-height:18px;}
       .Module4 .ul1 .left .slick-dots{top:180px;}
       .Module4 .ul1 .right{padding-left: 0px;width: 100%;}
       .Module4 .ul1 .right li{margin-bottom:15px}
       .Module4 .ul1 .right li a h4{font-size: 14px;
    color: #333; font-weight: 700;line-height: 16px;}
       .Module4 .ul1 .right li a h5{font-size: 14px;
    margin-top: 5px;margin-bottom: 10px;}
       .Module4 .ul1 .right li a h6{font-size:14px;line-height:16px;height:16px;}
       .Module4 .ul1 .slick-dots{bottom:-35px}
       .Module5{padding-top: 80px;padding-bottom: 80px;}
       .Module5 h4{font-size: 20px;line-height: 24px;}
       .Module5 h6{font-size: 14px;line-height: 16px;margin: 15px 0 20px 0;}
}




/*关于我们*/
/*内页banner*/
        .withinba{width:100%;}
        .withinba .sidepic{line-height: 0;font-size: 0;}
        .withinba .sidepic img{max-width:100%;height:auto;width:100%}
         @media  screen and (max-width: 1024px)
         {
             .history .w_1300>.content{flex-direction: column;}
              .withinba{margin-top:50px;} 
         }
           /*公司简介*/
           .abinfo{width:100%;background:#fff;padding-top:100px;padding-bottom:100px;}
           .abinfo h2{font-size:30px;line-height:30px;color:#333;white-space:nowrap}
           .abinfo line{width:55px;height:2px;display:block;margin:35px 0 30px 0;
                        background-image:linear-gradient(5deg,#33abff ,#0084FF)}
           .abinfo h6{font-size:16px;color:#333;line-height:36px;letter-spacing:1px;font-weight:400;}
           .abinfo .pic{margin-top:50px;width:100%;position:relative}
           .abinfo .pic img{max-width:100%;height:auto;}
           .abinfo .pic .picbg{position:absolute;top:0;right:0;width:130px;height:100%; background:rgba(0,151,224,0.75);}
           .abinfo .pic .picbg span{font-size: 14px;color: #fff;position: absolute; right: -20px;top: 50px; transform: rotate(90deg);}

            @media  screen and (max-width: 1024px)
            {
              .abinfo .pic .picbg{width:60px}
            }
           /*发展历程*/
           .history{width:100%;padding-top:90px;padding-bottom:100px;background:url(images/historybg.jpg) center center no-repeat;background-size:cover;}
             .history .n_tit{margin-bottom:60px;}
           .history .w_1300>.content {width:100%;display:flex;justify-content:space-between;}

.history .content .ul1{width:16.15%;background:#fff;padding:107.5px 0;float:left;box-shadow:0px 0px 10px rgba(0,0,0,0.1)}

.history .content .ul1 li{float:left;text-align:center;height:auto;position:relative}
 /*.history .content .ul1 li.slick-current:after{content:"";width:0;height:0;position:absolute;border-right:10px solid #0084ff;right:0;top:50%;transform:translate(0,-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;}*/
.history .content .ul1 h4{font-size:48px;font-weight:500;line-height:100px;}
.history .content .ul1 li.slick-current h4{color:#0097E0;font-weight:700;}
.history .content .ul1 .slick-arrow{ width:30px;height:30px;border-top:1px dashed #0D264A ;transition:all .5s linear;
                                border-right:1px dashed #0D264A ;left:50%}
.history .content .ul1 .slick-arrow:hover {border-top:1px dashed #0084FF   ;border-right:1px dashed #0084FF;}

.history .content .ul1 .slick-prev{transform:translate(-50%,0)rotate(-45deg);top:50px;}
.history .content .ul1 .slick-next{transform:translate(-50%,0)rotate(135deg);bottom:50px;top:auto}
.history .content .ul2{width:79.1%;float:right}
.history .content .ul2 .content{border-bottom:1px solid #D7D8DA ;padding:39px 20px 39px 0;}
.history .content .ul2 .content:first-child{border-top:1px solid #D7D8DA ;}
.history .content .ul2 .content h6{color:#333;font-size:16px;text-align:left;font-weight:700;
line-height:18px;margin-bottom:7px;}
.history .content .ul2 .content span{color:#333;font-size:16px;text-align:left;font-weight:400;line-height:18px;letter-spacing:0px;}
.history .content .ul2 .content.slick-current h6{ color:#0084ff;}
.history .content .ul2 .content.slick-current span{ color:#0084ff;}
      .vision{width:100%;background:url(images/visionbg.jpg) center center repeat;
              padding-top:100px;padding-bottom:100px;}
      .vision .imaget{height:460px;width:100%;margin-bottom:60px}
      .vision .imaget:hover .box h4{color:#008DFF}
       .vision .imaget:hover .box line{background:#008DFF}
      .vision .imaget:last-child{margin-bottom:0}
       .vision .imaget .box{top:50%;left:50%;transform:translate(-50%,-50%);position:relative;}
        .vision .imaget .box h4{font-size:40px;color:#fff;line-height:42px;text-align:center;transition:all .5s linear;}
        .vision .imaget .box line{width:56px;height:2px;background:rgba(255,255,255,0.5);display:block;transition:all .5s linear;
                                  margin:22px auto;}
       .vision .imaget .box h6{font-size:20px;color:#fff;line-height:20px;text-align:center;display: flex;align-items: center;justify-content: center;}
       .vision .imaget .box h6 .i{height:5px;width:5px;border-radius:100%;background:#fff;margin:0 25px;
                                  display:inline-block;vertical-align:middle;
       }
       
       .contact{width:100%;background:#F2F2F2;padding-top:90px;padding-bottom:100px;}
       .contact .content{margin-top:60px;width:100%;overflow:hidden;}

       .contact .content ul{margin: 0px -20px;width: calc(100% + 40px);float:left}
       .contact .content ul li{padding:0px 20px;float: left;width:33.3%;position:relative}
        .contact .content ul li .box{padding:45px 15px 60px 15px;border:1px solid #E4E4E4;}
        .contact .content ul li .img{text-align:center;min-height:65px;display: flex; align-items: center;justify-content: center;}
        .contact .content ul li .img img{max-width:100%;height:auto;transition:all .5s linear;}

       .contact .content ul li h4{font-size:18px;color:#333;text-align:center;line-height:20px;margin-top:25px;}
       .contact .content ul li h5{font-size:12px;color:#888787;text-align:center;line-height:14px;}
        .contact .content ul li h6{font-size:18px;color:#333;font-weight:700;text-align:center;margin-top:25px;
                                   line-height:20px;height:20px;}


        .contact .content ul li:hover .img img{transform:scale(1.1);}







        /*解决方案*/
        .Solution1{background:url(images/Solution1bg.jpg)center center no-repeat;background-size:cover;padding-top:100px;padding-bottom:100px;}
        .Solution1 h4{color:#333;font-size:40px;font-weight:500;line-height:42px;text-align:left}
        .Solution1 line{width:56px;height:2px;background-image:linear-gradient(to right,#33abff,#0084ff);display:block;margin:35px 0;}
        .Solution1 h6{color:#333;font-size:16px;line-height:34px;text-align:left;}

       .combination{width:100%;padding-top:100px;padding-bottom:100px;background:#fff}
       .combination .content{margin-top:60px;width:100%;overflow:hidden}
       .combination ul{margin:-15px;width:calc(100% + 30px);float:left}
       .combination ul li{padding:15px;float:left;width:25%;}
       .combination ul li .box{width:100%;float:left;display:block;padding:32px 35px;background:#F5F5F5;transition:all .5s linear;}
       .combination ul li .box .icon{height:115px;width:115px;border-radius:100%;background:#fff;display:flex;justify-content:center;align-items:center;
                                     margin:0 auto;box-shadow:0px 0px 20px rgba(0 27 48 / 5%);}
       .combination ul li .box .icon img{max-width:50%;max-height:50%}
       .combination ul li .box h4{font-size:18px;text-align:center;line-height:20px;margin-top:25px;}
       .combination ul li .box h6{font-size:14px;text-align:center;line-height:18px;color:#666666;margin-top:15px;
                                  height:36px}
       .combination ul li:hover .box{background-image:linear-gradient(53deg,#33abff,#0084ff)}
       .combination ul li:hover h4{color:#fff}
       .combination ul li:hover h6{color:#fff}

       .scene{width:100%;background:url(images/scene.jpg) center center no-repeat;background-size:cover;
               padding-top:100px;padding-bottom:100px;}
        .scene h4{color:#fff}
        .scene line{margin-top:30px;}
        .scene .content{width:100%;padding-bottom:200px;padding-top:200px;position:relative}
        .scene .content .mid{height:335px;width:335px;border-radius:100%;background:url(images/solve1.png)#0084ff center no-repeat;background-size:cover;
                             margin:0 auto;position:relative;transition:all .5s linear;}
        .scene .content .mid:hover{transform:scale(1.1)}

        .scene .content .mid:after{content:"";position:absolute;width:calc(100% + 30px);height:calc(100% + 30px);animation:scale2 4s infinite;
                                   top:-15px;right:-15px;background:rgba(255,255,255,0.1);border-radius:100%}

        @keyframes scale2
{
    from{transform:scale(0.9);}
    to{transform:scale(1.05);}
}

         .scene .content .mid .yuanq1{position:absolute;width:calc(100% + 80px);height:calc(100% + 80px);animation:rotate_anim 30s infinite linear;
                                      top:-40px;left:-40px;border:1px dashed rgba(255,255,255,0.15);border-radius:100%;}
         .scene .content .mid .yuanq2{position:absolute;width:calc(100% + 180px);height:calc(100% + 180px);
                                      top:-90px;left:-90px;border:1px dashed rgba(255,255,255,0.08);border-radius:100%;
                                      animation:rotate_anim1 30s infinite linear
         }

         @keyframes rotate_anim {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
           @keyframes rotate_anim1 {
  from {
    transform: rotate(360deg); }
  to {
    transform: rotate(0deg); } }

         .scene .content .mid .mcont{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);float:left;text-align:center}
          .scene .content .mid .mcont img{max-width:100%;height:auto;transition:all .5s ease;}
          .scene .content .mid .mcont h4{color:#fff;font-size:24px;margin-top:20px;line-height:20px;}

         .scene .content .box{display:flex;align-items:center;position:absolute;width:360px;justify-content:space-between;}
         .scene .content .box:hover .icon{/*transform:rotateY(180deg)*/transform:scale(1.1)}



         .scene .content .box .icon{height:80px;width:80px;border-radius:100%;background-image:linear-gradient(to right,#33abff,#0084ff);
                                    display:flex;align-items:center;justify-content:center;transition:all .5s linear;}
         .scene .content .box .label{height:44px;font-size:24px;line-height:44px;text-align:center;border-radius:5px;color:#fff;
                                     width:130px;background-image:linear-gradient(to right,#33abff,#0084ff);}
         .scene .content .box .right{}
         .scene .content .box h6{font-size:18px;color:#fff;line-height:30px;margin-top:10px;}
         .scene .content .box.box1{top:110px;left:0}
         .scene .content .box.box2{top:50%;transform:translate(0,-50%);}
          .scene .content .box.box3{bottom:110px;left:0}
           .scene .content .box.box4{top:110px;right:0}
          .scene .content .box.box5{bottom:110px;right:0}
          
           .scene .content .box.box6{top:50%;transform:translate(0,-50%);right:0}



       .application{width:100%;padding-top:100px;padding-bottom:100px;background:#EFF1F3;}
       .application line{margin-top:25px;}
       .application .content{margin-top:60px;width:100%;display:flex}
       .application .content ul{width:100%}
       .application .content li{float:left;width:20%;height:auto}
       .application .content li:hover .top{color:#fff;background-image:linear-gradient(to right,#33abff,#0084ff)}
       .application .content li:hover .top:after{border-top: 8px solid #0084ff;}
       .application .content li .box{display:flex;flex-direction:column;}
       .application .content li .top{height:195px;padding:0 35px;position:relative;line-height:24px;background:url(images/applicationbg.jpg) center center repeat;
                                     font-size:16px;text-align:center;color:#333;display: flex;flex-direction: column;justify-content: center;}

       .application .content li .top:after{content:"";position:absolute;width:0;height:0;bottom:-8px;left:50%;transform:translate(-50%,0);
                                           border-top:8px solid transparent;border-right:8px solid transparent;transition:all .5s linear;border-left:8px solid transparent;}

       .application .content li .down{height:195px;width:100%;}
       .application .content li:nth-child(2n) .box{flex-direction:column-reverse}
       .application .content li:nth-child(2n) .top:after{border-top:none; border-bottom:8px solid transparent;top:-8px;bottom:auto;}
       .application .content li:nth-child(2n):hover .top:after{border-bottom: 8px solid #0084ff;}
         @media  screen and (max-width: 1400px){
             .scene .content .mid{width:300px;height:300px;}
              .scene .content .mid .yuanq1{display:none}
         .scene .content .mid .yuanq2{display:none}



         }


        @media  screen and (max-width: 1024px)
        {
                     .application .content li:nth-child(2n) .box{flex-direction:column}
            .history .n_tit{margin-bottom:30px;}
             /*.history .content .ul1 li.slick-current:after{display:none}*/
            .Solution1{padding-top: 30px;padding-bottom: 30px;}
            .Solution1 h4{font-size:24px;line-height:26px;}
            .Solution1 line{margin: 15px 0;width:40px;}
            .Solution1 h6{font-size: 14px;line-height: 24px;}
             .scene .content .box.box6{top:0;transform:translate(0,0);}
            .scene{padding-top: 30px;padding-bottom:30px;}
            .scene .content{padding-bottom: 0px;
    padding-top: 50px;}
            .scene .content .mid{width:200px;height:200px;}
            .scene .content .box{position:relative;width:auto;justify-content:flex-start}
            .scene .content .box .right{margin-left:18px;}
             .scene .content .box.box1{top:auto;left:0;margin-top:30px;}
         .scene .content .box.box2{top:auto;transform:translate(0,0);}
          .scene .content .box.box3{bottom:auto;left:0}
           .scene .content .box.box4{top:auto;right:0}
          .scene .content .box.box5{bottom:auto;right:0}

          .scene .content .box .icon{height: 60px;width: 60px;}
          .scene .content .box .label{height: 30px;font-size: 18px;width: 100px; line-height: 30px;}
          .scene .content .box h6{font-size:16px;line-height:24px;margin-top:5px;}
          .scene .content .box{margin-bottom:15px;}
          .scene .content .mid .yuanq1{display:none}
         .scene .content .mid .yuanq2{display:none}
         .combination{padding-top: 30px;padding-bottom: 30px;}
        .combination .content{margin-top:30px;}
        .combination ul li{width:100%;}
        .combination ul li .box{padding:20px;}
        .combination ul li .box .icon{height:90px;width:90px;}
        .combination ul li .box h4{font-size: 16px;line-height: 18px;margin-top: 15px;font-weight:700;}
        .combination ul li .box h6{font-size: 13px;margin-top: 10px;height: 30px;line-height: 15px;}
        .application{padding-top: 30px; padding-bottom: 60px;}
        .application line{margin-top:10px;}
        .application .content{margin-top:30px;}
         .Module3 .slick-prev, .Module3 .slick-next{top:100%}
         .Module3 .slick-prev{left:40%}
         .Module3 .slick-next{right:40%}
        .Module3 .slick-prev:before,.Module2 .slick-prev:before,.majorfun .slick-prev:before,.application .slick-prev:before{
            content: "";  display: block; width: 16px;height: 16px;
    margin-left: 4px; border-top: 1px solid #9b9b9b;border-right: 1px solid #9b9b9b;
    position: absolute;left: 50%;top: 50%;
    transition: all 0.5s linear;
    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
    -moz-transform: translate(-50%,-50%) rotate(-135deg);
    -ms-transform: translate(-50%,-50%) rotate(-135deg);
    -o-transform: translate(-50%,-50%) rotate(-135deg);
    transform: translate(-50%,-50%) rotate(-135deg);}
        .Module3 .slick-next:before,.Module2 .slick-next:before,.majorfun .slick-next:before,.application .slick-next:before{
            content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-left: -4px;
    border-top: 1px solid #9b9b9b;
    border-right: 1px solid #9b9b9b;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 0.5s linear ;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
        }

        }



        /*关于我们*/
  .map{margin-top:30px;border:10px solid #fff;float:left;width:100%;}
  .map ._mapbox{ width: 100%; height: 520px;}
  .map ._mapbox .BMap_stdMpCtrl,#obtn ._mapbox .anchorBL{ display: none;}
  .map .BMap_pop{ display:none !important;}
  .map .BMap_shadow{ display:none !important;}
  .map ._mapbox .BMapLabel{background:none !important; margin: 0px 0 0 120px; padding:0px 0px!important;
                            width: 440px;  border-radius:5px; border: none!important;top:0 !important;}
  .map ._mapbox .BMapLabel img{float:left}
  .map ._mapbox .BMapLabel h1{ font-size:18px!important;height:108px;
                               background:#fff;text-align:center;line-height:108px !important;
                                color: #555!important; font-weight: 400 !important;white-space: normal; }
  @media  screen and (max-width: 1400px){
      .vision .imaget{height:260px;}
  }
  @media  screen and (max-width: 1024px)
  {
      .abinfo h2{font-size:24px;line-height:24px;}
      .abinfo{padding-top: 30px;padding-bottom: 30px;}
      .abinfo line{margin:15px 0}
      .abinfo h6{font-size:14px;line-height:24px;}
      .abinfo .pic{margin-top:30px;}
      .history{padding-top: 30px;padding-bottom: 30px;}
      .history .content .ul1{width:100%;padding:15px;}
 .history .content .ul1 h4{font-size:24px;line-height:60px;}
 .history .content .ul1 .slick-arrow{width:24px;height:24px;}
 .history .content .ul1 .slick-prev{left:40px;transform:translate(-50%,0)rotate(225deg);top:35px;}
 .history .content .ul1 .slick-next{right:20px;left:auto;transform:translate(-50%,0)rotate(45deg);top:35px;bottom:auto}
 .history .content .ul2{width:100%;float:left;margin-top:20px;}
 .history .content .ul2 .content{ padding:15px 0;}
 .history .content .ul2 .content h6{font-size:14px;line-height:16px;margin-bottom:8px;}
 .history .content .ul2 .content span{font-size:14px;line-height:24px;}
 .vision{padding-top: 30px;padding-bottom: 30px;}
 .vision .imaget{height:200px;}
 .vision .imaget .box h4{font-size:24px;line-height:30px}
 .vision .imaget .box line{margin:10px auto;width:40px}
 .vision .imaget .box h6{height:16px;line-height:30px;flex-wrap:wrap;padding:0 15px}
 .vision .imaget{margin-bottom: 30px;}
 .contact{padding-top: 30px;padding-bottom: 30px;}
 .contact .content{margin-top:30px;}
 .contact .content ul{margin:-10px;width:calc(100% + 20px)}
 .contact .content ul li{width:100%;padding:10px}
 .contact .content ul li .box{padding: 20px 15px 30px 15px;}
 .contact .content ul li h4{font-size: 16px;line-height: 18px;margin-top: 20px;}
 .contact .content ul li h6{font-size:16px;margin-top: 15px;line-height: 18px;height: 18px;}
  .map{ width: 100%; height: 300px;}
  .map ._mapbox .BMapLabel{display:none !important}
  }


        /*合作伙伴*/
       .partner{width:100%;}
     .partner .content{width:100%;overflow:hidden;padding-bottom:100px;}
     .partner ul{margin: -15px -15px;width:calc(100% + 15px);float:left}
     .partner ul li{padding:15px 15px;float:left;position:relative;width:20%;}
     .partner ul li .pic{display:flex;justify-content:center;align-items:center;height:134px;
                         border:1px solid #E7E6E6;position:relative}
     .partner ul li .pic .tit{position:absolute;height:100%;width:100%;top:0;left:0;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;
                              background-image:linear-gradient(to right,rgba(51,171,255,0.9),rgba(0,132,255,0.9));transition:all .5s linear;opacity:0}
     .partner ul li:hover .pic .tit{opacity:1}
      @media  screen and (max-width: 1024px)
      {
          .partner ul{margin:-10px;width:calc(100% + 20px)}
          .partner ul li{padding:10px;width:50%}
          .partner ul li .pic{height:120px;}
          .partner ul li .pic .tit{font-size:16px;}
          .partner .content{padding-bottom:30px;}
       }

        /*技术支持*/
         .service{width:100%;background:#fff;padding-top:100px;padding-bottom:100px}
    .service .n_tit line{margin-top:30px}
    .service .content{width:100%;overflow:hidden}
    .service .content h6{color:#333;font-size:16px;text-align:center;line-height:18px;margin-top:35px;margin-bottom:60px}


     .service ul{margin:-15px -15px;width:calc(100% + 30px);float:left}
     .service ul li{padding:15px;float:left;width:33.3%;position:relative}
     .service ul li a{display:block;width:100%;float:left;position:relative}
     .service ul li .pic{position: relative;padding-bottom: 66.7%;overflow: hidden;width: 100%;display:block}
     .service ul li .pic img{position: absolute;transition:all .5s linear;left: 50%; top: 50%;width: 100%;max-height: 100%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
     .service ul li:hover .pic img{transform:translate(-50%,-50%)scale(1.1);}
     .service ul li .tit{text-align:center;position:absolute;left:0;bottom:0;width:100%;background-image:linear-gradient(5deg,rgba(51,171,255,0.8),rgba(0,132,255,0.8));
                         height:53px;line-height:53px;color:#fff;font-size:18px;}
     .icontact{width:100%;background:url(images/icontact.jpg) center center no-repeat;background-size:cover;
               padding-top:100px;padding-bottom:100px;}
     .icontact .n_tit line{margin-top:30px}
      .icontact .content{width:100%;display: flex;flex-direction: column;}
      .icontact .content h6{color:#333;font-size:16px;text-align:center;line-height:18px;margin-top:35px;margin-bottom:60px}
      .icontact .content h6 strong{color:#0084ff}
      .icontact ul{margin:-15px -15px;width:calc(100% + 30px)}
     .icontact ul li{padding:15px;float:left;width:33.3%;position:relative}
     .icontact ul li .box{display:block;float:left;width:100%;background:rgba(255,255,255,0.6);padding:40px 0;
                          box-shadow:0px 0px 6px rgba(0,0,0,0.06);}
      .icontact ul li .icon{height:112px;width:112px;border-radius:100%;display:flex;justify-content:center;align-items:center;margin:0 auto;
                            background-image:linear-gradient(to right,rgba(51,171,255,0.9),rgba(0,132,255,0.9));
                            transition:all .5s linear;}
      .icontact ul li .icon img{max-width:100px;height:auto;transition:all .5s linear;}
       .icontact ul li h4{font-size:16px;line-height:30px;text-align:center;color:#333;margin-top:25px;}
        .icontact ul li:hover .icon{transform:scale(1.1);}
        @media  screen and (max-width: 1024px)
        {
            .service{padding-top:30px;padding-bottom: 30px;}
            .service .n_tit line{margin-top:10px}
            .service .content h6{font-size:14px;line-height:24px;margin-top: 15px;margin-bottom: 20px;
                                 text-align:left
            }
            .service ul{margin: -10px; width: calc(100% + 20px);}
            .service ul li{width:100%;padding:10px;}
            .service ul li .tit{height:35px;line-height:35px;font-size:14px;}
            .icontact{padding-top: 30px; padding-bottom: 30px; }
            .icontact .n_tit line{margin-top:10px;}
            .icontact .content h6{font-size: 14px;line-height: 24px; margin-top: 15px;margin-bottom: 20px;text-align:left}
            .icontact ul{margin:-10px;width:calc(100% + 20px);}
            .icontact ul li{width:100%;padding:10px;}
            .icontact ul li .box{padding:15px 0}
            .icontact ul li .icon{height: 80px;width: 80px;}
            .icontact ul li h4{font-size: 14px;line-height: 24px;margin-top: 15px;}
        }

        /*加入我们*/
        .join{width:100%;}
.join .content{width:100%;overflow:hidden}
.join ul{margin: -15px 0;width:100%}
.join ul li{padding:15px 0px;float: left;width:100%;position:relative}
.join ul li .top{display:flex;justify-content:space-between;align-items:center}
.join ul li .a{display:block;padding:30px;background:#f7f7f7;float:left;width:100%;position:relative}
.join ul li .a::before{content:"";width:3px;height:100%;position:absolute;left:0;top:0;background-image:linear-gradient(to bottom,#33abff,#0084ff)}
.join ul li .tit h4{font-size:24px;line-height:26px;color:#0084ff;}
.join ul li .tit h6{font-size:14px;line-height:16px;color:#333;margin-top:15px}
.join ul li h3{font-size:14px;color:#939393;float:left;line-height:30px;margin-right:22px}
.join ul li .jmore i{color:#0084ff;font-size:30px;margin-left:15px;}
.join ul li .down{margin-top:20px;display:none;padding-top:20px;position:relative}
.join ul li .down::before{content:"";height:1px;width:100%;position:absolute;top:0;background:#e6e6e6}
.join ul li .down h2{font-size:16px;color:#666;mar.combination ul li .box h4gin-bottom:15px;}
.join ul li .down p{white-space:pre-wrap;font-size:14px;line-height:30px;color:#4F4F4F}
.join ul li .spa{margin-top:40px;}
.join ul li .down span{font-size:16px;line-height:18px;margin-top:40px;}
.join ul li .mail{margin:40px 0;display: flex;justify-content: space-between;align-items: flex-end;}
.join ul li .mail .jmore{background:#0084ff;display:inline-block;color:#fff;padding:10px 40px;white-space:nowrap;
                                 border-radius:30px;font-size:16px}
.join ul li .mail strong{color:#0084ff;}
.join ul li .top .open i{width: 20px;height: 20px; border-top: 3px solid #0084ff; border-right: 3px solid #0084ff; transform: rotate(135deg);
    display: block; float: left;}
.join ul li .top .open i:hover{cursor:pointer}

@media  screen and (max-width: 1024px)
{
    .join ul li{padding:10px 0}
    .join ul li .a{padding:10px;}
    .join ul li .tit h4{font-size: 20px;line-height: 22px;}
    .join ul li .tit h6{font-size: 12px;line-height: 14px;margin-top:10px;white-space:nowrap;}
    .join ul li h3{font-size: 12px;line-height: 24px; margin-right: 10px;}
    .join ul li .top .open i{width:14px;height:14px;border-top: 2px solid #0084ff;border-right: 2px solid #0084ff;}
    .join ul li .down h2{font-size:14px;margin-bottom:12px}
    .join ul li .down p{font-size: 12px;line-height: 24px;}
    .join ul li .down h2{font-size: 14px; margin-bottom: 10px;}
    .join ul li .spa{margin-top:20px}
    .join ul li .mail{margin:20px 0}
    .join ul li .down span{margin-top:20px;font-size: 14px;line-height: 16px;}
    .join ul li .mail .jmore{padding: 8px 15px;border-radius: 20px;font-size: 14px;}
}





        /*解决方案详情*/
      .productint{width:100%;padding-top:100px;padding-bottom:100px;}
     .productint .n_tit line{margin-top:30px;}
     .productint .content{width:100%;overflow:hidden;margin-top:60px;display:flex}
     .productint .content .left{width:50%;float:left;background:url(images/productintbg.jpg) center center repeat;
                                padding:0 35px 0 60px;}
     .productint .content .left:hover h4{color:#0084ff}
     .productint .content .box{top:50%;position: relative;transform: translate(0, -50%);}
     .productint .content .left h4{font-size:24px;color:#333;line-height:26px;transition:all .5s linear;}
     .productint .content .left line{width:30px;height:2px;display:block;margin:25px 0;display:block;transition:all .5s ease;
                                     background-image:linear-gradient(to right, #33abff,#0084ff );}
      .productint .content .left:hover line{width:100px}
      .productint .content .left h6{color:#333;font-size:16px;line-height:34px;}

     .productint .content .right{width:50%;float:left;height:365px;}


     .majorfun{width:100%;padding-top:100px;padding-bottom:100px;background:#F5F5F5}
     .majorfun .n_tit line{margin-top:30px;}
     .majorfun .content{width:100%;margin-top:60px;display:flex}
     .majorfun ul{margin:-15px;width:calc(100% + 30px)}
     .majorfun ul li{padding:15px;width:33.3%;float:left}
     .majorfun ul li .box{width:100%;float:left}
     .majorfun ul li .box .pic{position: relative;padding-bottom: 65%;overflow: hidden;width: 100%;display:block}
     .majorfun ul li .box .pic img{position: absolute;left: 50%;top: 50%;width: 100%;max-height: 100%;transform: translate(-50%,-50%);
                                   -ms-transform: translate(-50%,-50%);transition:all .5s linear;}
     .majorfun ul li .box .tit{padding:30px;background:#fff;transition:all .5s linear;}
     .majorfun ul li .box h4{color:#333333;font-size:18px;line-height:20px;margin-bottom:12px;}
     .majorfun ul li .box h5{color:#666;font-size:16px;line-height:18px;height:18px;}
     .majorfun ul li:hover .pic img{transform:translate(-50%,-50%)scale(1.1);}
     .majorfun ul li:hover .box h4{color:#fff}
     .majorfun ul li:hover .box h5{color:#fff}
     .majorfun ul li:hover .tit{background-image:linear-gradient(to bottom, #33abff,#0084ff);}




     .features{width:100%;padding-top:100px;padding-bottom:100px;background:#fff}
     .features .n_tit line{margin-top:30px;}
     .features .content{width:100%;overflow:hidden;padding-top:105px;display:flex}
     .features ul{margin:-15px;width:calc(100% + 30px)}
     .features ul li{padding:15px;width:25%;float:left}
     .features ul li .box{width:100%;float:left;background:#F4F4F4;height:230px;padding:100px 40px 0;position:relative}
     .features ul li .box h6{color:#555;font-size:16px;text-align:center;line-height:24px;transition:all .5s linear;}
     .features ul li .box .index{position:absolute;height:88px;width:88px;border-radius:100%;background-image:linear-gradient(to right,#33abff,#0084ff);
                                   top:-30px;transition:all .5s linear;line-height:88px;text-align:center;font-size:40px;color:#fff;left: 50%; transform: translate(-50%, 0);}
     .features ul li:hover .index{transform:rotate(90deg)}
     .features ul li:hover h6{color:#0084ff}
     @media  screen and (max-width: 1024px)
     {
           .features .content{padding-top:70px;}
         .productint{padding-top: 30px;padding-bottom:30px;}
         .productint .n_tit line{margin-top:10px}
         .productint .content{margin-top:30px;}
         .productint .content{flex-direction:column}
         .productint .content .left{width:100%;padding:20px;}
         .productint .content .left h4{font-size:20px;line-height:24px;}
         .productint .content .left line{margin: 15px 0;}
         .productint .content .left h6{font-size:14px;line-height:24px;}
         .productint .content .box{top:auto;transform:translate(0,0)}
         .productint .content .right{width:100%;height:150px}

         .majorfun{padding-top: 30px;padding-bottom: 60px;}
         .majorfun .n_tit line{margin-top:10px}
         .majorfun .content{margin-top:30px;}
         .majorfun ul{margin:0}
         .majorfun ul li{padding:0}
         .majorfun ul li .box .tit{padding:20px;}

         .majorfun ul li .box h4{font-size:16px;line-height:18px;margin-bottom:10px;}
         .majorfun ul li .box h5{font-size:14px;line-height:16px;height:16px;}

         .features{padding-top: 30px; padding-bottom:30px;}
         .features .n_tit line{margin-top:10px}
         .features ul{margin:-10px;width:calc(100% + 20px)}
         .features ul li{width:50%;padding:10px}
         .features ul li .box{padding:40px 20px 0;height:160px;}
         .features ul li .box .index{height:50px;width: 50px;top: -25px;line-height: 50px;font-size: 20px;}
     }





        /*新闻列表*/
.newlist{ width: 100%;}
.newlist .content{width:100%;overflow:hidden;}
.newlist ul{margin: 0px 0px;overflow: hidden;width: 100%}
.newlist ul li {padding:0px 0px;float: left;width:100%;position:relative;border-bottom:1px solid #E5E5E5;}
.newlist ul li::before{content:"";height:1px;width:calc(100% + 60px);position:absolute;bottom:0;border-bottom:1px solid #e5e5e5;left:-30px;}

.newlist ul li a{display:flex;padding:30px;background:#fff;align-items:center;position:relative;}
.newlist ul li a:after{content:"";width:1px;background:#E5E5E5;height:calc(100% - 60px);right:80px;position:absolute;top:30px;}
.newlist ul li:hover a:after{background:rgba(62,164,221,0.15);}
.newlist ul li:hover h2{color:#0084ff}
.newlist ul li .img{position: relative;overflow: hidden;width:24%;float:left;}
.newlist ul li .pic2{height:200px;}
.newlist ul li .img img{position: absolute;left: 50%;top: 50%;width: 100%;min-height: 100%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.newlist ul li h2{font-size:18px;color:#333;font-weight:400;letter-spacing:1px;line-height:38px;font-weight:700;transition:all .5s linear;}
.newlist ul li h4{font-size:14px;color:#666;letter-spacing:1px;line-height:16px;}
.newlist ul li .content{width:50%;margin-left:3%}
.newlist ul li h6{font-size:16px;color:#888;font-weight:400;letter-spacing:1px;line-height:30px;
                     word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2;
                     overflow: hidden; margin-top:20px;position:relative;padding-left:20px;height:60px}
.newlist ul li i{color:#888;font-size:40px;position:absolute;right:30px;}
.newlist ul li h6::before{content:"";width:1px;height:100%;background:#E5E5E5;position:absolute;float:left;margin-left:-20px;}
.newlist ul li:hover a{background:#e6f1f7}
.newlist ul li hover h2{color:#0084ff}
.newlist ul li .aft{display:none}
.newlist ul li :hover .aft{display:block}
.newlist ul li :hover .mor{display:none}
@media  screen and (max-width: 1024px){
    .newlist ul li a{padding:15px;}
    .newlist ul li .pic2{width:40%;height:auto;padding-bottom:26.6667%}
    .newlist ul li .content{width:60%}
    .newlist ul li i{display:none}
    .newlist ul li a:after{display:none}
    .newlist ul li h2{font-size: 16px;line-height: 24px;}
    .newlist ul li h4{font-size:13px;line-height:15px;margin-top:20px}
    .newlist ul li h6{font-size:14px;line-height: 24px;padding-left: 10px;margin-top: 10px;height: 48px;display:none}
    .newlist ul li h6::before{margin-left: -10px;display:none}
}



        /*新闻详情*/
     .Newsdetail{width:100%}
    .Newsdetail .content{width:100%;overflow:hidden;padding-bottom:100px;}

    .Newsdetail .left{width:66%;float:left;border:1px solid #E5E5E5;padding:60px 30px;}
     .Newsdetail .newcon{color: #555;
                      font-size: 16px;line-height: 30px;text-align: left;}
.Newsdetail .left img{max-width:100%}
    .Newsdetail .left h2{color:#333;font-size:28px;font-weight:700;text-align:center;}
    .Newsdetail .left h4{color:#555;text-align:center;font-size:16px;margin-bottom:50px;margin-top:15px;}
    .Newsdetail .left h6{color:#555;font-size:16px;line-height:30px;text-align:left;}

.Newsdetail .link{ margin:95px 0 0 0; width: 100%; border-top: 1px solid #e5e5e5; position: relative;}
.Newsdetail .link:after{position: absolute; content: ''; width: 386px; height: 1px; background: #e5e5e5; left: 50%; margin-left: -193px; top:9px;z-index: 1;}
.Newsdetail .link .listIco{position: absolute; width: 108px; height: 82px; left: 50%; margin-left: -54px; top:-34px; background: #fff; z-index: 2;}
.Newsdetail .link .listIco span{position: absolute; width:66px; height:66px; background-image:linear-gradient(to right, #33abff,#0084ff ); color:#fff; text-align: center; line-height:22px; font-size: 15px; left: 50%; margin-left: -28px; top:0;
	border-radius:100%;padding-top:11px;}
.Newsdetail .link a{ font-size: 16px; line-height: 30px; height:30px; color:#555; float:left; width:50%; margin-top: 25px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.Newsdetail .link a:hover{ color: #0084ff;}

.Newsdetail .link .a2{ text-align: right; float: right;}

    .Newsdetail .right{width:30%;float:right;padding:20px 20px 0 20px;border:1px solid #E5E5E5;}
    .Newsdetail .right .relevant{background:url(images/relevant.jpg) center center no-repeat;background-size:cover;color:#fff;
                                 font-size:30px;text-align:center;padding:55px 0;}

   .Newsdetail .right ul{width:100%;float:left}
    .Newsdetail .right ul li{width:100%;float:left;padding: 30px 0;
    border-bottom: 1px solid #E5E5E5;}
     .Newsdetail .right ul li:last-child{border-bottom:0}
    .Newsdetail .right ul li a{width:100%;padding:0 10px 0 15px;float:left;position:relative}
     .Newsdetail .right ul li a:after{content:"";height:6px;width:6px;background:#555555;border-radius:100%;position:absolute;top:10px;
                                      left:0;transition:all .5s linear;}
    .Newsdetail .right ul li h4{font-size:18px;color:#333;transition:all .5s linear;word-break: break-all;font-weight:700;
text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden; }
    .Newsdetail .right ul li h6{font-size:16px;color:#555;line-height:26px;margin-top:15px;
                                word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical; 
-webkit-line-clamp: 2;
overflow: hidden; }
    .Newsdetail .right ul li:hover a:after{background:#0084ff;}
    .Newsdetail .right ul li:hover h4{color:#0084ff;}
      @media  screen and (max-width: 1024px)
      {
          .Newsdetail .content{padding-bottom:30px;}
          .Newsdetail .left{width:100%;padding:30px 15px;}
          .Newsdetail .newcon{font-size: 14px;line-height:24px;text-align: left;}
          .Newsdetail .left h2{font-size: 20px; }
          .Newsdetail .left h4{font-size: 14px;margin-bottom: 20px;margin-top: 10px;}
          .Newsdetail .left h6{font-size: 14px;line-height: 24px;}
          .Newsdetail .link{margin: 50px 0 0 0;}
          .Newsdetail .link a{font-size:14px;margin-top:15px;}
          .Newsdetail .right{width:100%;margin-top:30px;}
          .Newsdetail .right .relevant{font-size: 24px;padding:40px 0;}
          .Newsdetail .right ul li{padding:10px 0}
          .Newsdetail .right ul li a{padding:0 15px}
      }
        /*案例*/
          .case {width:100%;}
        .case .content{width:100%;padding-top:100px;display:flex;}
        .case .content ul{margin: -15px;width:calc(100% + 30px);display: flex; flex-wrap: wrap;}
        .case .content ul li{padding:15px;float:left;width:33.3%}
        .case .content ul li a{display:block;background:url(images/casebg.jpg) center center repeat;border-radius:7px;box-shadow:0 0 6px rgba(0 0 0 / 8%);
                               padding:30px;width:100%;display:flex;align-items:center;justify-content:space-between;}

        .case .content ul li .pic{height:140px;width:140px;background:#FFFFFD;border:1px solid #E6E6E6;
                                  border-radius:7px;display:flex;justify-content:center;align-items:center;}
        .case .content ul li .pic img{max-width:70%;height:auto}
        .case .content ul li .tit{float:left;width:calc(100% - 170px)}
        .case .content ul li h4{font-size:18px;color:#333;line-height:30px;text-align:left;}
        .case .content ul li line{width:175px;height:1px;background:#E5E5E5;display:block;margin:30px 0;position:relative;transition:all .5s linear;}
         .case .content ul li line:after{content:"";height:3px;width:24px;position:absolute;left:0;top:-1px;
                                         background-image:linear-gradient(to right,#33abff,#0084ff)}
         .case .content ul li h6{color:#666;font-size:18px;line-height:20px;}
         .case .content ul li:hover a{background-image:linear-gradient(53deg,#33abff,#0084ff);}
         .case .content ul li:hover h4{color:#fff}
         .case .content ul li:hover line{background:rgba(255,255,255,0.1);}
         .case .content ul li:hover line:after{background:rgba(255,255,255,0.6);}
         .case .content ul li:hover h6{color:#fff}
           @media  screen and (max-width: 1024px){
               .case .content ul li .pic img{max-width:85%}
               .case .content{padding-top: 30px;}
               .case .content ul{margin:0px;width:100%}
               .case .content ul li{width:100%;padding:0px;}
               .case .content ul li a{padding:10px;}
               .case .content ul li .pic{height:90px;width:90px;}
               .case .content ul li .tit{width: calc(100% - 120px);}
               .case .content ul li h4{font-size:16px;line-height:24px;}
               .case .content ul li line{margin:15px 0;width: 100px;}
               .case .content ul li h6{font-size:15px;line-height:17px;}
               .Newsdetail .right ul li h4{font-size: 16px;}
               .Newsdetail .right ul li h6{font-size:14px;line-height:20px;margin-top:10px;}
               .Newsdetail .right ul li a:after{height:4px;width:4px;}
           }





         /*应用详情*/
       .Casedetails .content{width:100%;overflow:hidden;padding-top:100px;position:relative}
        .Casedetails .content h4{font-size:24px;color:#333;text-align:center}
        .Casedetails .content line{width:50px;height:1px;background:#E5E5E5;display:block;margin: 20px auto 0 auto}
        .Casedetails .content h6{color:#333;font-size:16px;line-height:36px;text-align:left;border-bottom:1px solid #E5E5E5;padding-bottom:45px;
                                 margin-bottom:20px;margin-top:100px}
         .Casedetails .content .fy{display:flex;align-items:center;justify-content:space-between;}
         .Casedetails .content .fy a{color:#333;font-size:14px;transition:all .5s linear;}
         .Casedetails .content .fy a:hover{color:#0084ff}
         .Casedetails .content ul{margin-top:30px;}
         .Casedetails .content li.slick-center{border:1px solid #E5E5E5;}
          .Casedetails .content li .img{float: left;width: 100%;text-align: center;position: relative;}


           .Casedetails .content li{float:left;position: relative;height: auto;padding: 75px 0;}

     .recommendcase{padding-top:100px;padding-bottom:100px;}
       .recommendcase li{height:auto;}
       .recommendcase .content{padding-top:60px;}
        .recommendcase .slick-arrow{height:40px;width:40px;border-top:2px solid #B2B2B2;transition:all .5s linear;
                                    border-right:2px solid #B2B2B2;position:absolute;}
        .recommendcase .slick-prev{left:-80px;transform:rotate(-135deg);}
        .recommendcase .slick-next{right:-80px;transform:rotate(45deg);}
        .recommendcase .slick-arrow:hover{border-top:2px solid #0084ff;border-right:2px solid #0084ff;}


        .Casedetails{width: 100%;}
.Casedetails .content{width: 100%;overflow: hidden;}
.Casedetails .content .slideOut{ position: relative;padding-top: 50px;padding-bottom: 40px;}
.Casedetails .content .slide{ width: 100%; min-height: 100px; position: relative;}
.Casedetails .content .slide .img{ overflow: hidden; position: absolute; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; background: #fff;}
.Casedetails .content .slide .img img{  position: absolute; left: 50%; top: 50%; max-width:100%;max-height:80%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.Casedetails .content .slide .img2 img{opacity:0.2;transform:translate(-50%, -50%)scale(0.6)}
.Casedetails .content .slide .img4 img{opacity:0.2;transform:translate(-50%, -50%)scale(0.6)}

.Casedetails .content .slide .img1{ width: 40%; height: 40%; top: 30%; left: -50%; z-index: 1;}
.Casedetails .content .slide .img2{ width: 27%; height: 64%; top: 18%; left: 0%; z-index: 2;border: 1px solid #E5E5E5;
                                    border-right:transparent}
.Casedetails .content .slide .img3{ width: 46%; height: 100%; top: 0; left:27%; z-index: 3;border: 1px solid #E5E5E5;}
.Casedetails .content .slide .img4{ width: 27%; height: 64%; top: 18%; left:73%; z-index: 2;border: 1px solid #E5E5E5;
                                    border-left:transparent}
.Casedetails .content .slide .img5{ width: 40%; height: 40%; top: 30%; left: 110%; z-index: 1;}


.Casedetails .content .listbox{width: 100%;text-align: center;font-size: 0;margin-top: 64px;}
.Casedetails .content .listbox .list{display: inline-block;vertical-align: middle;font-size: 16px;color: #666666;line-height: 20px;padding: 0 33px;margin: 0 23px;position: relative;cursor: pointer;}
.Casedetails .content .listbox .list.on{color: #202020;}
.Casedetails .content .listbox .list::after{content: "";display: block;width: 0;height: 1px;background-color: #14264e;position: absolute;left: 0;top: 50%;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.Casedetails .content .listbox .list.on::after{width: 100%;}
 .Casedetails button{height:40px;width:40px;border-top:2px solid #B2B2B2;transition:all .5s linear;z-index:4;top:50%;
                                    border-right:2px solid #B2B2B2;position:absolute;}
  .Casedetails .butLeft{left:160px;transform:translate(0,-50%)rotate(-135deg);-webkit-tap-highlight-color:transparent}
  .Casedetails .butRight{right:160px;transform:translate(0,-50%)rotate(45deg);-webkit-tap-highlight-color:transparent}
        .Casedetails button:hover{border-top:2px solid #0084ff;border-right:2px solid #0084ff;}
        .Casedetails .fslick{position:relative;margin-top:30px;}
         .Casedetails .fslick .slide-bt{position:absolute;left:50%;transform:translate(-50%,0);bottom:-30px;width: auto !important;margin-left: 0 !important;}
        .Casedetails .fslick span{height:14px;width:2px;float: left;margin:0 2.5px;display: block; }
         .Casedetails .fslick span:nth-child(1){background-image:linear-gradient(to right,rgba(51,171,255,0.1),rgba(0,132,255,0.1))}
         .Casedetails .fslick span:nth-child(2){background-image:linear-gradient(to right,rgba(51,171,255,0.2),rgba(0,132,255,0.2))}
         .Casedetails .fslick span:nth-child(3){background-image:linear-gradient(to right,rgba(51,171,255,1),rgba(0,132,255,1))}


         @media  screen and (max-width: 1400px)
         {
            
               .recommendcase .slick-dots{bottom:-35px;position:absolute;text-align:center;margin:0;width:100%}
      .recommendcase .slick-dots li{height:10px !important;width:10px !important;border-radius:100%;padding:0 !important;
                                                             border:1px solid #0084ff;margin:0 5px;float:none !important;}
      .recommendcase .slick-dots li.slick-active{background:#0084ff}
       .recommendcase .slick-dots li:hover{cursor:pointer}
         }


         @media  screen and (max-width: 1024px){
             .Casedetails .content{padding-top:30px;}
             .Casedetails .content h4{font-size: 20px;}
             .Casedetails .content line{width: 40px; margin: 12px auto 0 auto;}
             .Casedetails .content .slide .img3{width:100%;left:0}
             .Casedetails .butLeft{left:20px;}
             .Casedetails .butRight{right:20px;}
             .Casedetails button{height: 20px;width: 20px;}
             .Casedetails .content h6{font-size:14px;line-height:24px;padding-bottom: 15px;margin-bottom: 15px;margin-top: 50px;}

             .recommendcase{padding-top: 30px;padding-bottom: 60px;}
             .recommendcase .content{padding-top:30px;}
             .recommendcase .slick-prev{left:40%;height: 15px;width: 15px;}
             .recommendcase .slick-next{right:40%;height: 15px; width: 15px}
             .recommendcase .slick-arrow{bottom:-35px;top:auto;}

              .application .slick-dots,.majorfun .slick-dots, .recommendcase .slick-dots{bottom:-35px;position:absolute;text-align:center;margin:0;width:100% !important} 
        .application .slick-dots li,.majorfun .slick-dots li,.recommendcase .slick-dots li{height:10px !important;width:10px !important;border-radius:100%;padding:0 !important;
                                                             border:1px solid #0084ff;margin:0 5px;float:none !important;}
        .application .slick-dots li.slick-active, .majorfun .slick-dots li.slick-active,.recommendcase .slick-dots li.slick-active{background:#0084ff}
        .application .slick-dots li:hover, .majorfun .slick-dots li:hover,.recommendcase .slick-dots li:hover{cursor:pointer}
         }

._search{ background:url(../images/ico56.jpg) center repeat; padding-top:95px; padding-bottom:100px;}
._search .title{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px;}
._search .list{ float:left; width:100%; margin-top:25px;}
._search .list li{ float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:25px 0; position:relative;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
._search .list li:after{ float:left; position:absolute; right:20px; top:50%; margin-top:-7px; content:''; width:22px; height:15px; background:url(../images/ico57.png) right center no-repeat;}
._search .list li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;}
._search .list li .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:10px;}
._search .list li .info a{ color:#555555;}
._search .list li:hover{ background:#f2f2f2; padding:25px 20px;}
._search .list li:hover:after{ background:url(../images/ico58.png) right center no-repeat;}
._search .list li:hover .tit{ color:#4db563;}
._search .img{ /*float:left;*/ width:100%; margin-top:22px; line-height:0; text-align:center;}
._search .cont{ float:left; width:100%; margin-bottom:22px; color:#1b1b1b; color:rgba(27,27,27,0.5); font-size:24px; line-height:28px; text-align:center;}

@media  screen and (max-width:1024px){
._search{ padding-top:30px; padding-bottom:40px;}
._search .list{ margin-top:10px;}
._search .list li{ padding:15px 0;}
._search .list li:after{ right:12px; width:15px;}
._search .list li .tit{ font-size:16px; line-height:26px; }
._search .list li .info{ font-size:14px; line-height:24px; margin-top:2px;}
._search .list li:hover{ padding:15px 12px;}
._search .cont{ font-size:18px; line-height:22px;}
}
.history .ul2 li{height:615px;overflow:auto;}
.history .ul2 li::-webkit-scrollbar{ width: 2px;}   
.history .ul2 li::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 4px;}
.history .ul2 li::-webkit-scrollbar-thumb{ width: 2px; background-color: #0097E0; border-radius:4px;}
@media  screen and (max-width:1024px){
    .history .ul2 li{height:300px;}
}